<template>
	<view class="root">
		<u-navbar bgColor="#fff">
			<view slot="left" class="align-center">
				<image @click="goBack" src="@/static/login/back3.png" style="width: 36rpx; height: 36rpx">
				</image>
			</view>
			<view slot="center">
				<view style="font-weight: 600; font-size: 36rpx; color: #333333">设置资料</view>
			</view>
		</u-navbar>

		<view>
			<view class="view1">
				<view class="title">姓名:</view>
				<input class="uni-input" maxlength="10" placeholder="请输入姓名" />
			</view>
			<view class="view1">
				<view class="title">手机号:</view>
				<input class="uni-input" maxlength="11" placeholder="请输入手机号" />
			</view>

			<view class="">

				<button class="flex-center1" type="default" @click="save"
					style="width: 640rpx; height: 96rpx; background: #1365f9; border-radius: 48rpx; font-weight: 600; font-size: 32rpx; color: #ffffff">
					保存
				</button>
			</view>
		</view>

	</view>
</template>

<script>
	export default {
		data() {
			return {
				show: false
			};
		},
		onShow() {
			// console.log(this.$store.state.identity);
		},
		methods: {
			goBack() {
				uni.navigateTo({
					url: './mine'
				})
			},
			save() {
				console.log('保存')
			}
		}
	};
</script>

<style lang="less" scoped>
	.root {
		padding-top: 200rpx;
	}


	.view1 {
		display: flex;
		margin-bottom: 40rpx;
		align-items: center;
	}

	.title {
		font-size: 30rpx;
		font-weight: 600;
		color: #222;
		text-align: right;
		width: 170rpx;
	}

	.uni-input {
		width: 100%;
		margin-right: 30rpx;
		margin-left: 10rpx;
		color: #333;
		border-bottom: #aaa 1rpx solid;
	}
</style>